{{append . "moreStyles" "css/home/blog-detail.css"}}
{{append . "moreStyles" "css/home/blog-md.css"}}
{{append . "moreStyles" "third/prism/prism.css"}}
{{append . "moreScripts" "third/prism/prism.js"}}
{{append . "moreScripts" "js/blog/blog.js"}}
{{template "Layout/HomeHeader.html" .}}

    <!-- Page Content -->
    <div class="container blog-container">

        <div class="blog-detail">
           <h1 class="blog-title">{{.blog.Title}}</h1>
            
            <!-- Blog Post Content Column -->
            <div class="{{if .blog.IsMD }}blog-content-md{{end}}">
                {{raw (.blog.RenderContent) }}
            </div>
            <!-- Blog Post Content Column end -->
            


            <!-- Blog Sidebar Widgets Column -->
            <!--<div class="col-md-4">

{{/*
                <!-- Blog Search Well -->
                <div class="well">
                    <h4>Blog Search</h4>
                    <div class="input-group">
                        <input type="text" class="form-control">
                        <span class="input-group-btn">
                            <button class="btn btn-default" type="button">
                                <span class="glyphicon glyphicon-search"></span>
                        </button>
                        </span>
                    </div>
                    <!-- /.input-group -->
                </div>

                <!-- Blog Categories Well -->
                <div class="well">
                    <h4>Blog Categories</h4>
                    <div class="row">
                        <div class="col-lg-6">
                            <ul class="list-unstyled">
                                <li><a href="#">Category Name</a>
                                </li>
                                <li><a href="#">Category Name</a>
                                </li>
                                <li><a href="#">Category Name</a>
                                </li>
                                <li><a href="#">Category Name</a>
                                </li>
                            </ul>
                        </div>
                        <div class="col-lg-6">
                            <ul class="list-unstyled">
                                <li><a href="#">Category Name</a>
                                </li>
                                <li><a href="#">Category Name</a>
                                </li>
                                <li><a href="#">Category Name</a>
                                </li>
                                <li><a href="#">Category Name</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!-- /.row -->
                </div>

                <!-- Side Widget Well -->
                <div class="well">
                    <h4>Side Widget Well</h4>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, perspiciatis adipisci accusamus laudantium odit aliquam repellat tempore quos aspernatur vero.</p>
                </div>

            </div>

*/}}            

        </div>
        <!-- /.row -->

        <hr>

    </div>
    <!-- /.container -->

    <!-- Comment -->
    {{if gt (len .comment) 0}}
        {{raw .comment}}
    {{else}}
        {{template "Comment/Comment.html" .}}
    {{end}}
    <!-- Comment End-->

{{template "Layout/HomeFooter.html" .}}
